15

artTemplate

性能卓越的 js 模板引擎

简洁的模版语法,简单的API,关键还能前后端(Nodejs)共用模板,简直就是前端开发利器。今天有个想法,把artTemplate封装下,模版render后给input等注册几个事件,分分钟就能实现简单的数据双向绑定。

artTemplate

betty.js

非常轻量的将JS代码存储到LocalStorage里的方案。

betty.js

fastClick

一行代码消除移动短click事件300ms的延迟,不用过多介绍,只需要这么使用它即可:

$(function() {
    FastClick.attach(document.body);
});

尽情书写click吧,不用判断移动端使用touch神马的了~

fastClick

debug.js

手机上看不到console.log信息?手机检测不到JS报错信息?不用担心,有了debug.js你就可以做到。

debug.js提供了简洁的API供开发者使用,你可以查看Demo

当然,如果你想继续使用console.log,可以这么封装:

if('ontouchend' in window) {
  console.log = debug.log.bind(debug);
}

之后上线时,可以使用uglify压缩掉所有console的代码。完美~

debug.js

broadcast.js

broadcast实现了

统一的事件管理中心。

源码非常简单,使用也非常简单,提供两个API:

  • broadcast.on

  • broadcast.fire

简单的功能,会不知不觉成为网页(网站)非常核心的功能,相信如果你真正理解它使用它,你会彻底喜欢上它。

broadcast.js

iconfont.cn

iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站。

图标做成字体文件,iconfont.cn是我目前见到的国内最大的图标字体库,由最初的阿里系图标慢慢升级为全图标库,开发者也可以自己上传SVG文件生成iconfont。

iconfont

device.js

device.js是一个简单的设备检测工具。

device.js


binnng
3.7k 声望308 粉丝

前端工程师